<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<title>UNDER ARMOUR</title>
<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current shopping-prepare-page bg-light-gray">
      <header class="bar bar-nav ua-header">
        <a href="${ctx.host}" class="icon icon-left pull-left"></a>
        <h1>2018健身精英训练营</h1>
      </header>

      <div class="bar bar-footer ua-bottom-footer">
        <a class="button button-fill button-black ua-button agree-button disabled"
          style="display: block;">同意协议 <span class="count-down">10</span></a>
        <a class="button button-fill button-black ua-button bug-button"
          style="display: none;">立即购买（￥<span class="product-price">999</span>）</a>
      </div>
      <div class="content">
        <div class="agreement-content" style="${param.showReles ? (param.showReles == 'true' ? "display: block;" : "display: none;") : "display: block;"} display: block; min-height: 100%;">
		  <p>此次活动（2018健身精英训练营）隐私权保护声明系本活动保护用户个人隐私的承诺。鉴于网络的特性，本活动将无可避免地与您产生直接或间接的互动关系，故特此说明本活动对用户个人信息所采取的收集、使用和保护政策，请您务必仔细阅读：</p>
		  <ul>
		    <li>1.与个人身份无关的信息：<br/>
我们将通过您的IP地址来收集非个人化的信息，例如您的浏览器性质、操作系统种类、给您提供接入服务的ISP的域名等，以优化在您手机屏幕上显示的页面。</li>
        <li>
          2.与个人身份有关的信息<br/>
          <ul>
            <li>2.1 当您在活动页面进行用户注册登记时，在您的同意及确认下，本网站将通过注册表格等形式要求您提供一些个人资料。这些个人资料包括：</li>
            <li>2.1.1 个人识别资料：如姓名、性别、年龄、电话等。</li>
            <li>2.2 请了解，在未经您同意及确认之前，本活动不会将您为参加活动所提供的资料利用于特定活动之外的其它目的。如出现以下第6条规定的情形不在此限。</li>
          </ul>
        </li>
        <li>
          3.信息安全 <br/> 本活动将对您所提供的资料进行严格的管理及保护，并将使用相应的技术，防止您的个人资料丢失、被盗用或遭篡改。
        </li>
        <li>
          4.合理利用原则<br/>本网站惟在符合下列条件之一，对收集之个人资料进行合理之利用： 
          <ul>
            <li>4.1 已取得您的书面或等同于书面的同意；</li> 
            <li>4.2 为免除您在生命、身体或财产方面之急迫危险； </li>
            <li>4.3 为防止他人权益之重大危害； </li>
            <li>4.4 为增进公共利益，且无害于您的重大利益； </li>
            <li>4.5 第三方公司可能在本活动收集用户浏览本活动的行为数据。第三方公司的数据收集、使用行为将遵守国家有关法律法规的规定以及第三方公司对用户隐私和数据保护的规定。</li>
          </ul>
        </li>
        <li>5.个人资料之披露<br />
当政府机关依照法定程序要求本活动披露个人资料时，本活动将根据执法单位之要求或为公共安全之目的提供个人资料。在此情况下之任何披露，本活动均不承担任何责任。</li>
        <li>
          6.免责<br/>除上述第4条规定属免责外，下列情况时本活动亦毋需承担任何责任： 
          <ul>
            <li>6.1 由于您与他人共享注册帐户，由此导致的任何个人资料泄露。 </li>
            <li>6.2 任何由于黑客政击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营之不可抗力而造成的个人资料泄露、丢失、被盗用或被篡改等。 </li>
            <li>6.3 由于与本活动链接的其它网站所造成之个人资料泄露及由此而导致的任何法律争议和后果。</li>
          </ul>
        </li>
		  </ul>
      <p>本活动之保护隐私声明的修改及更新权均属于安德阿镆贸易（上海）有限公司。</p>
		</div>

        <div class="payment-content" style="display: none;">

          <div class="list-block media-list no-margin product-info">

            <a href="#" class="item-content shopping-content">
              <div class="item-media">
                <img
                  src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                  style='width: 6.8rem;'>
              </div>
              <div class="item-inner">
                <div class="item-title-row">
                  <div class="item-title">课程名称</div>
                </div>
                <div class="item-subtitle">
                  <div class="">课程导师：某某某</div>
                  <div class="">上课时间：11月17日 13:00</div>
                </div>
                <div class="item-text">
                  <div>装备包</div>
                  <div>Tee + 水壶 + 毛巾</div>
                </div>
              </div>
            </a>

          </div>

          <div class="list-block no-margin">
            <ul class="mobile">
              <li class="item-content">
                <div class="item-media">
                  <i class="iconfont icon-mobile-phone"></i>
                </div>
                <div class="item-inner" style="padding-right: 1.5rem;">
                  <div class="item-title">绑定手机</div>
                  <div class="item-after">13888888888</div>
                </div>
              </li>
            </ul>
          </div>
          <div class="black-block"></div>

          <form class="ua-form" action="">
            <div class="list-block no-margin user-info-div">
              <ul class="user-info">
                <li class="user-cover"><i class="iconfont icon-user"></i></li>
                <!-- Text inputs -->
                <li>
                  <div class="item-content">
                    <div class="item-inner" style="padding-right: 1.5rem;">
                      <div class="item-title label">姓名</div>
                      <div class="item-input">
                        <input name="name" type="text" placeholder="请输入姓名">
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content item-link">
                    <div class="item-inner">
                      <div class="item-title label">性别</div>
                      <div class="item-input">
                        <input name="gender" type="text" id='gender-picker' /> <input
                          type="hidden" value="">
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="item-content item-link">
                    <div class="item-inner">
                      <div class="item-title label">年龄</div>
                      <div class="item-input">
                        <input name="age" type="text" id='age-picker' />
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>

            <div class="list-block size-list male-size-list" style="display: none;">
              <ul>
                <li>
                  <div class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-cotta"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">短袖尺码</div>
                      <div class="item-input">
                        <input name="maleClothesSize" type="text" id='male-cotta-picker' />
                      </div>
                    </div>
                  </div>
                </li>
                <c:if test="${param.sku == '1'}">
                <li>
                  <div class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-shoes"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">鞋子尺码</div>
                      <div class="item-input">
                        <input name="maleShoeSize" type="text" id='male-shoes-picker' />
                      </div>
                    </div>
                  </div>
                </li>
                </c:if>
              </ul>
            </div>

            <div class="list-block size-list female-size-list" style="display: none;">
              <ul>
                <li>
                  <div class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-cotta"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">短袖尺码</div>
                      <div class="item-input">
                        <input name="femaleClothesSize" type="text" id='female-cotta-picker' />
                      </div>
                    </div>
                  </div>
                </li>
                <c:if test="${param.sku == '1'}">
                <li>
                  <div class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-shoes"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">鞋子尺码</div>
                      <div class="item-input">
                        <input name="femaleShoeSize" type="text" id='female-shoes-picker' />
                      </div>
                    </div>
                  </div>
                </li>
                </c:if>
              </ul>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/trading/shopping-prepare.js" />
  <script type="text/javascript">
    require(['page/trading/shopping-prepare'], function(page) {
      page.init({
        jsConfig: JSON.parse('${jsConfig}'),
        unionid: '${user.unionid}',
        sku: '${param.sku}',
        showRules: '${param.showRules}'
      })
    })
  </script>
  
</body>
</html>